<!DOCTYPE html>
<html>

	<head>
		<!-- 这是首页页面 -->
		<!-- 引入header模板 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>HYH链开放平台</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0" />
		<meta name="format-detection" content="telephone=yes" />
		<!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
		<link rel="stylesheet" href="/resource/front/css/mobile/weui.css" />
		<link rel="stylesheet" href="/resource/front/css/mobile/style.css" />
		<link rel="stylesheet" href="/resource/front/css/mobile/mui.min.css" />
		<link rel="stylesheet" href="/resource/front/css/mobile/quill.bubble.css" />
		<link rel="stylesheet" href="/resource/front/css/mobile/quill.core.css" />
		<link rel="stylesheet" href="/resource/front/css/mobile/quill.snow.css" />
		<!--<link href="/resource/front/css/public.css" rel="stylesheet" type="text/css" />-->
		<style>
			* {
				-moz-user-select: auto;
				-webkit-user-select: auto;
				-ms-user-select: auto;
				-khtml-user-select: auto;
				user-select: auto;
			}
			
			#onProcess {
				padding: 10px;
				border-radius: 10px;
				z-index: 1100;
				/* display: flex; */
				/* top: 0; */
				position: fixed;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				text-align: center;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			
			.note-success {
				background: rgba(0, 0, 0, .2);
				text-align: center;
				padding: 10px;
			}
			
			#onProcess img {
				width: 18px;
				height: 18px;
				animation: run 1s linear infinite;
			}
			
			@-webkit-keyframes run {
				0% {
					transform: rotate(0deg);
				}
				50% {
					transform: rotate(180deg);
				}
				100% {
					transform: rotate(360deg);
				}
			}
			
			.suspension {
				position: fixed;
				width: 100%;
				height: 100px;
				bottom: 0;
				left: 0;
			}
			
			.suspension .close {
				bottom: 0 !important;
				right: 0 !important;
				top: 0 !important;
			}
			
			.suspension2 {
				position: fixed;
				width: 100%;
				background: red;
				top: 0;
				left: 0;
			}
			
			.suspension2 .close {
				bottom: 0 !important;
				right: 0 !important;
				top: 2.4rem !important;
				bottom: 0 !important;
			}
			.rule-con-box{
				position: fixed;
				top: 4.53rem;
				left: 0;
				right: 0;
				padding: 0 .33rem;
				height: 5rem;
				z-index: 1000;
				max-width: 600px;
				margin: auto;
			}
			.rule {
				position: absolute;
			    z-index: 1000;
			    display: none;
			    margin: auto;
			    right: .33rem;
			    left: .33rem;
			}
			
			.rule .rule-list {
				display: flex;
				flex-flow: row;
				align-items: center;
				margin-bottom: .43rem;
			}
			
			.rule-list1 {
				display: flex;
				flex-flow: row;
				margin-bottom: .43rem;
				align-items: flex-start;
			}
			
			.rule .rule-list p,
			.rule .rule-list1 p {
				color: #fff;
				font-size: .4rem;
				line-height: 1.1;
			}
			
			.rule .rule-list1 p {
				margin-top: -.1rem;
				line-height: .5rem;
			}
			
			.rule .rule-list img,
			.rule .rule-list1 img {
				width: .6rem;
				height: .6rem;
				margin-right: .37rem;
				min-width: .6rem;
			}
			
			.ruleBtn {
				position: absolute;
				right: 15px;
				width: 1.7rem;
				height: .8rem;
			}
			.rule-con{
				position: fixed;
				top: 2.8rem;
				max-width: 600px;
				/*min-width: 7.5rem;*/
				 width: 100%;
				 margin: auto;
			}
			.ruleBtn img {
				width: 100%;
			}
			
			.mui-backdrop {
				background-color: rgba(0, 0, 0, .7);
			}
		</style>
		<script>
			function setFont() {
				var HTML = document.getElementsByTagName('html')[0];
				/*var dpr=1;//像素比
				var Size=document.documentElement.clientWidth*dpr/10;*/
				//把viewport视口分成10份的rem,html的font-size为1rem
				var Size = document.documentElement.clientWidth / 10;
				if(Size >= 60) {
					Size = 60
				}
				HTML.style.fontSize = Size + 'px';
			};
			setFont(); //初始适配
			window.onresize = function() { //窗口大小改变适配
				setFont();
			};
		</script>
		<script>
			//			$('#onProcess').parent().remove();
			//			document.onreadystatechange = function() {
			//				if(document.readyState == 'complete') {
			//					$('#onProcess').parent().remove();
			//				}
			//			};
			//			document.getElementById("onProcess").style.opacity = 0;
			var thisNode = document.getElementById("onProcess");
			//			thisNode.parentNode.removeNode(thisNode);
		</script>
	</head>

	<body>